<<<<<<< HEAD
@charset "utf-8";



/*..全局属性..*/

* { 

	margin:0; 

	padding:0;

}

img {border:0}

h2 {font-weight:lighter;font-size:14px;}

body, input,  select, textarea {

	font-size:12px;

	font-family:'\5fae\8f6f\96c5\9ed1',arial,sans-serif; 

	color:#666; 

	background:#fff; 

	text-rendering:optimizelegibility; 

	-webkit-font-smoothing:antialiased; 

}

.button_submit {

	background:url(../images/post_sumiting.gif) no-repeat;

	border:0px solid rgb(144, 192, 68);

	padding:5px 10px 5px 25px;

	color:#fff;

	margin:5px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.button {

        background:rgb(144, 192, 68);

        border:0px solid rgb(144, 192, 68);

        padding:5px 10px;

        color:#fff;

        margin:5px;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        border-radius: 3px;

}

.buttonspan input {

	background:rgb(144, 192, 68);

	border:0px solid rgb(144, 192, 68);

	padding:5px 10px;

	color:#fff;

	margin:5px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.buttoncenter

{

	text-align:center;

}

ul {list-style-type:none}

ul li {list-style-type:none}



a { 

	color:#90c044; 

	text-decoration:none; 

}

h3 {

	font-size: 15px;

	font-weight: lighter; 

	color:#90c044; }

h4 { 

	font-weight: lighter;

	color: #999;

	line-height: 2em;}

h5 {

	font-size: 13px;

	font-weight: lighter;

}

/*常用*/

.m5 {margin:5px;}

.cb {clear:both;}

.fl {float:left;}



::-moz-selection { 

	background:orange; color:#fff; 

	text-shadow:none; 

}

::selection { 

	background:orange; 

	color:#fff; 

	text-shadow:none; 

}

:focus { outline:0; }

.pie { behavior:url(../other/../other/pie.htc); z-index:999;position:relative} /*..ie兼容css3*/



.normal-button { 

	margin:0 auto; 

	padding:6px 12px 6px 15px; 

	border:0; background:#90c044; 

	color:#fff; font-size:14px; 

	letter-spacing:3px; 

	cursor:pointer; 

	-webkit-border-radius:5px; 

	-moz-border-radius:5px; 

	border-radius:5px; 

}



input[type="text"]

{

	padding:5px; 

	border:1px solid #efeeee; 

	-webkit-border-radius:1px; 

	-moz-border-radius:1px; 

	border-radius:1px; 

}



.textfield, textarea { 

	padding:5px; 

	font-size:14px; 

	border:1px solid #efeeee; 

	-webkit-border-radius:1px; 

	-moz-border-radius:1px; 

	border-radius:1px; 

}

.textfield:focus, textarea:focus { border-color:#dedede; }

textarea { 

	resize:vertical; 

	overflow:auto; 

}

.option-button { 

	border:1px solid #efeeee;

	-webkit-border-radius:5px; 

	-moz-border-radius:5px; 

	border-radius:5px; 

}

.checkbox { 

	border:1px solid #efeeee;

	margin-right:5px;  }

.clearfix { 

	clear:both; 

	height:0; 

	font-size:0; 

	line-height:0; 

	overflow:hidden; 

	zoom:1; }





/*...内容控制...*/

#innerContainer

{ 

	margin:0 auto; 

	width:960px; 

	overflow: hidden;

}

.container { 

	margin:0 auto; 

	width:960px; 

	overflow: hidden;

}

.content { 

	margin:0 40px;

	font-size:14px;

}



/*...头部主导航...*/

.header { 

	position:relative; 

	height:114px; 

}

.header-inner {

	margin:0 auto;  

	width:900px; 

	padding:0 20px 0 40px; }

.user-info { 

	float: left;

	position:relative; 

	margin-top:12px; 

	padding-left:100px; 

	width:140px; 

	height:90px; 

}

.user-info h2 { 

	margin:24px 0 6px; 

	font-size:14px; 

	font-weight:normal; 

	color:#90c044; 

}

.user-info p { line-height:1.45; }

.user-avatar { 

	position:absolute; 

	left:2px; 

	top:5px; 

}

.user-avatar span { 

	display:block; 

	width:72px; 

	height:72px; 

	padding:4px; 

	border:1px solid #f8f8f8; 

	background:#fff; 

	-webkit-border-radius:500px; 

	-moz-border-radius:500px; 

	border-radius:500px; 

	-webkit-box-shadow:#ccc 0 2px 3px; 

	-moz-box-shadow:#ccc 0 2px 3px; 

	box-shadow:#ccc 0 2px 3px; 

}

.user-avatar a, .user-avatar a img { 

	display:block; 

	width:72px; 

	height:72px; 

	overflow:hidden; 

	-webkit-border-radius:500px; 

	-moz-border-radius:500px; 

	border-radius:500px; 

}



/*...主导航栏按钮...*/

.utilities {

	float: right;

	width:650px; }

.utilities ul { 

	margin:30px 0 0 0; 

	padding:0; 

	list-style:none; 

}

.utilities ul li { 

	float: left; 

	width:76px; 

	height:84px; 

	text-align:center;

	position: relative; 

}

.utilities ul li a { 

	color:#666; 

	font-size:14px; 

}



#msgcount a

{

	color:#fff; 

	font-size:14px;

}



.utilities ul li a .icon { 

	position:relative; 

	display:block; 

	margin:0 auto 10px; 

	width:40px; height:40px; 

	background:#bbbaba url(../../images/ui_utility_menus.png) no-repeat 0 0; 

	-webkit-border-radius:500px; 

	-moz-border-radius:500px; 

	border-radius:500px;

	cursor:pointer; 

}

.utilities ul li a .icon .indicator { 

	position:absolute; 

	top:-5px; 

	left:26px; 

	padding:0 4px; 

	height:14px;

	line-height:14px; 

	background:#f90; 

	border:2px solid #fff; 

	font-family:helvetica,

	arial,sans-serif; 

	font-size:12px; 

	color:#fff; 

	-webkit-border-radius:300px; 

	-moz-border-radius:300px; 

	border-radius:300px; 

	-webkit-box-shadow:#ccc 0 2px 3px; 

	-moz-box-shadow:#ccc 0 2px 3px; 

	box-shadow:#ccc 0 2px 3px;

	display:none; 

}

.utilities ul li.vip a .icon { background-color:#f90; }

.utilities ul li.dashboard a .icon { background-position:0 0; }

.utilities ul li.new-entry a .icon { background-position:-40px 0; }

.utilities ul li.blog-list a .icon { background-position:-80px 0; }

.utilities ul li.album-list a .icon { background-position:-120px 0; }

.utilities ul li.friend-list a .icon { background-position:-160px 0; }

.utilities ul li.events a .icon { background-position:-200px 0; }

.utilities ul li.vip a .icon { background-position:-240px 0; }

.utilities ul li.home a .icon { background-position:-280px 0; }



/*...子导航条...*/

.nav { 

	width: 100%;

	z-index: 1;

	height:40px; 

	overflow:hidden; 

	background:#90c044;

	margin-bottom:20px;

}

.nav ul { 

	margin:0 0 0 60px; 

	padding:0; 

	list-style:none; 

}

.nav ul li { 

	float:left; 

	padding:4px 3px 0; 

	height:40px; 

	line-height:40px; 

	font-size:14px; 

	overflow:hidden; 

}

.nav ul li a { 

	display:block; 

	float:left; 

	height:36px; 

	padding:0 15px; 

	line-height:32px; 

	color:#fff; 

}



/*...页脚...*/

/*.footer { margin:0 auto 20px; color:#ccc; text-align:center; }

.footer a { color:#ccc; }

*/



.footer { margin:30px auto 0;  text-align:center; color:#999; clear:both;line-height:24px;padding-bottom:0px}

.footer a {color:#90c044}



/*...帮助...*/

.page-help { 

	position:fixed; 

	right: -194px;

	top:280px; 

	width:194px; 

	padding:5px 0 5px 16px; 

	border:1px solid #98da2f; 

	border-right:0; 

	background:#90c044; 

	-webkit-border-radius:6px 0 0 6px; 

	-moz-border-radius:6px 0 0 6px; 

	border-radius:6px 0 0 6px; 

	-webkit-box-shadow:#ccc 0 2px 3px; 

	-moz-box-shadow:#ccc 0 2px 3px; 

	box-shadow:#ccc 0 2px 3px; 

	-moz-transition:right 0.5s linear 0.2s;

	-webkit-transition:right 0.5s linear 0.2s;

	transition:right 0.5s linear 0.2s;

	_border:0;

	_position:absolute;

	_background:#fff;

	_box-shadow:0;

	_padding:0;

	_border-radius:0px;

        _right:0;

        _bottom:auto;

        _top:expression(eval(document.documentElement.scrollTop+200));

}

.page-help:hover {right: 0;}

.page-help:before { 

	z-index: 1;

	content:'';

	position: absolute;

	width: 0px;

	height: 0px;

	left:2.5%;

	top:40%;

	border-style:solid; 

	border-width:7px;

	border-color: transparent  transparent  transparent white;

}





.help-inner { 

	position:relative; 

	padding:12px 10px; 

	background:#fff; 

	-webkit-border-radius:6px 0 0 6px; 

	-moz-border-radius:6px 0 0 6px; 

	border-radius:6px 0 0 6px;

	_position:absolute;

        _right:0;

        _bottom:auto;

        _top:10;

	_border:3px solid #90c044 ;

	_border-right:0

}

.help-inner ul { 

	list-style:disc; 

	margin:0; 

	padding:0 0 0 20px; 

	font-size:14px; 

	color:#ccc; 

}

.help-inner ul li { margin-bottom:3px; }

.help-inner ul li a { color:#999; }

.help-inner ul li a:hover { color:#90c044; }



/* Fancybox */

.fancybox-skin .fancybox-close { 

	top:14px; 

	right:14px; 

	width:13px; 

	height:13px; 

	background:#7fa93c url(../images/ui_fancy_close.png) no-repeat center center; 

	-webkit-border-radius:300px; 

	-moz-border-radius:300px; 

	border-radius:300px; 

}

.fancybox-skin h3 { 

	margin-bottom:10px; 

	height:32px; 

	line-height:32px; 

	font-size:14px; 

	font-weight:normal; 

	color:#fff; 

	background:#90c044; 

	text-align:center; 

	-webkit-border-radius:3px; 

	-moz-border-radius:3px; 

	border-radius:3px; 

}

.fancybox-skin .form-table { margin-bottom:0; }

.fancybox-skin .normal-button { 

	margin:10px 10px;

	 padding:6px; 

	 border:0; 

	 background:none; 

	 color:#90c044; 

	 font-size:14px; 

	 letter-spacing:0; 

	}

.fancybox-overlay { 

	border-radius:1px; 

	behavior:url(../other/pie.htc); 

}



/* IE6 */

.ie6 .clearfix { 

	clear:both; 

	height:0; 

	font-size:0; 

	line-height:0; 

	overflow:hidden; 

	zoom:1; }

.ie6 .user-avatar span, .ie6 .user-avatar a, .ie6 .user-avatar a img { border-radius:0; }

.ie6 .page-help { position:absolute; }

.ie6 .fancybox-skin { zoom:1; }

.ie6 .page-help { 

	box-shadow:#ccc 0 2px -1px; 

	zoom:1; 

}

/*......................................................................以上为基础css....................................................*/

/*...entries-content/blog_settings/blog_settings_authors...*/



.current-blog { 

	margin-bottom:10px; 

	font-size:14px; 

	color:#999; 

}

.current-blog .switch-blogs { 

	margin-left:5px; 

	font-size:12px; 

}

.current-blog .switch-blogs a { color:#999; }

.current-blog .switch-blogs a:hover { color:#90c044; }

.blog-submenus { 

	position:relative; 

	margin-bottom:15px; 

	font-size:14px; 

	line-height:normal; 

	color:#a3a2a2; 

	zoom:1;

	clear:both;

}

.blog-submenus a { 

	color:#a3a2a2; 

	padding:0 2px; 

}

.blog-submenus a:first-child { padding-left:0; }

.blog-submenus a:hover, .blog-submenus a.actived { color:#90c044; }

.blog-submenus .categories { 

	position:absolute; 

	right:0; 

	top:0; 

}

.blog-submenus .categories a:before { 

	content: '';

	position: absolute;

	left:105%;

	top:7px;

	width: 0;

	height: 0;

	border-width: 6px;

	border-style: solid;

	border-color: #90c044 transparent transparent  transparent;

}

.pub-topline { 

	padding-top:5px; 

	border-top:1px solid #efeeee;

	clear:both;

}

.pub-topline .io-submit {

	margin-left: 30px; 

	font-size: 15px;

}

.io-submit .upload {

	margin-left: 200px;

}



.form-table { 

	margin-bottom:30px; 

	padding:0; 

	border:0; 

	font-size:14px; 

	color:#999; 

}

.form-table th, .form-table td { 

	padding:5px 0; 

	font-weight:normal; 

	min-height:30px; 

	line-height:30px; 

	text-align:left; 

	vertical-align:top; 

}

.form-table th { color:#666; }

.form-table .textfield, .form-table textarea { width:550px; }

.form-table .password { 

	width:260px; 

	margin-right:10px; }

.form-table textarea { height:120px; }



.data-table { 

	width:100%; 

	margin-bottom:30px; 

	padding:0; border:0; 

	border-collapse:separate; 

	font-size:14px; 

	color:#999; }

.data-table a { color:#666; }

.data-table a:hover, .data-table span a { color:#90c044; }

.data-table th, .data-table td { 

	padding:7px 10px; 

	font-weight:normal; 

	min-height:22px; 

	line-height:22px; 

	text-align:center; 

}

.data-table thead th, .data-table thead td { 

	border:1px solid #efeeee; 

	border-left:1px solid #fff; 

	background:#f8f8f8; 

	text-align:center; 

}

.data-table thead th.first-col, .data-table thead td.first-col { border-right:0; }

.data-table thead th.second-col, .data-table thead td.second-col { border-left:0; }

.data-table tbody th, .data-table tbody td { 

	border-bottom:1px solid #efeeee; 

	border-collapse:collapse; 

}



.data-table tfoot a { color:#90c044; }

.data-table tfoot span { margin-right:10px;display: inline-block; }

.data-table tfoot .categories {position: relative;}

.data-table tfoot .categories a:before { 

	content: '';

	position: absolute;

	left: 105%;

	top:6px;

	width: 0;

	height: 0;

	border-width: 6px;

	border-style: solid;

	border-color: #90c044 transparent transparent  transparent; 

}

.data-table th.first-col, .data-table td.first-col { border-left:1px solid #efeeee; }

.data-table th.last-col, .data-table td.last-col { border-right:1px solid #efeeee; }

.data-table th.align-left, .data-table td.align-left { text-align:left; }

.data-table .checkbox { 

	position:relative; 

	bottom:-2px; }



.paginator {clear:both; 

	margin-top: 20px;

	font-size:14px; 

	color:#999; 

	text-align:center; }

.paginator .pages a, .paginator .pages span { 

	display:inline-block; 

	padding:1px 6px; 

	color:#999; 

}

.paginator .pages a:hover { color:#90c044; }

.paginator .pages .current { 

	color:#fff; 

	background:#f90; 

	-webkit-border-radius:3px; 

	-moz-border-radius:3px; 

	border-radius:3px; 

}



/*....................tags..........................*/

.tags tr td span {

	margin-bottom: 20px;

	margin-right: 20px;

	display: inline-block;

}



/*...................................................blog_template.............................................................*/

.template {

	height: 180px;

	}

.template-info {

	font-size: 14px;

	margin-top: 10px;

}

.template-info .user-template, .template-name {float: left;}

.template-name {margin-left:20px}

.user-template span {

	display: block; 

	width:200px; 

	height: 150px; 

	border:1px solid white; 

	-moz-box-shadow:1px 1px 2px 1px #E8E8E8; 

	-webkit-box-shadow:1px 1px 2px 1px #E8E8E8; 

	box-shadow:1px 1px 2px 1px #E8E8E8;

}

.template-name ul li {

	list-style: none; 

	text-align:left;

	margin-bottom: 10px;

}

.template-name ul li.settings {margin-top: 45px;}

.setting-button {

	float: right;

	margin-right: 0; 

	margin-top: 0;

}

.setting-button ul {

	margin: 30px 0 0 0; 

	padding:0; 

	list-style: none;

}

.setting-button ul li {

	float: left; 

	width:150px; 

	height: 96px; 

	text-align: center; 

	margin-left: 10px

}

.setting-button ul li .icon {

	position:relative; 

	display:block; 

	margin:0 auto 10px; 

	width:50px; 

	height:50px; 

	background-color:#90c044; 

	-webkit-border-radius:500px; 

	-moz-border-radius:500px; 

	border-radius:500px;

	cursor:pointer;

}

.setting-button ul li.zidingyi .icon {background-color:#ff9900; }

.zidingyi a {color:#ff9900; }

.zidingyi i a { color:#90c044;}

.zidingyi .icon {background: url('../images/ui_custom_template.png') no-repeat center;}

.xinmoban .icon {background: url('../images/ui_new_template.png') no-repeat center;}



.custom-setting {

	font-size: 14px;

	margin-bottom: 10px;

}

.custom-setting span.cus { float: left; }

.custom-setting span.new {

	margin-right: 20px;

	float: right;

}







.moban-select {

	position: relative; 

	left:-50px;

	top:-18px;

}

.moban-select ul li {

	display: inline-block; 

	padding:10px 15px; 

	font-size: 14px;

	float:left;

}

.moban-select ul li.actived {

	background-color: #ff9900; 

	-moz-border-radius:0 0 5px 5px; 

	-webkit-border-radius:0 0 5px 5px; 

	border-radius:0 0 5px 5px;

	-moz-box-shadow:inset  0 6px 7px -5px grey; 

	-webkit-box-shadow:inset  0 6px 7px -5px grey; 

	box-shadow:inset  0 6px 7px -5px grey;}

.moban-select ul li:first-child.actived {

	background-color: #90c044;

}

.moban-select ul li:last-child.actived {

	background-color: #90c044;

}



.moban-select ul li.second a { color: #ff9900; }

.moban-select ul li.actived a {color: white}



.selection {

	position: relative; 

	top:-3px;

	margin-bottom: 10px;

	clear:both;

}

.selection .selectblock {

	display: inline-block; 

	margin-right: 10px;

	float:left;

}

.selectblock .option, .select-name {float: left}

.select-name {

	margin-right: 5px; 

	color:#90c044;

}

.search {

	position: relative;

	top:-6px;

	border-style:solid; 

	border-width:1px; 

	background-color: #90c044; 

	width:50px; 

	height:22px; 

	font-size:12px; 

	color:#FFFFFF; 

	letter-spacing:0.2em; 

	-moz-border-radius:5px; 

	-webkit-border-radius:5px; 

	border-radius:5px;

}



.template-browse {padding-top: 30px;clear:both}

.sample {

	display: inline-block;

	width:210px;

	height:200px;

	text-align: center;

	padding-bottom:20px;

	float:left;

}

.sample span {margin: 0 auto;}

.sample span img {

	-moz-box-shadow:1px 1px 2px 1px #E8E8E8; 

	-webkit-box-shadow:1px 1px 2px 1px #E8E8E8; 

	box-shadow:1px 1px 2px 1px #E8E8E8;

}

.sample span figcaption {

	color:#B7B7B7; 

	font-size:12px; 

	letter-spacing:0.1em; 

	margin-top:15px

}

.sample .preview {

	color:#ff9900; 

	font-size:12px; 

	letter-spacing:0.1em; 

	margin-top:5px;

}

.sample .preview a {color:#90c044}



/*...........io............*/

.right-arrow {

	margin-right: 15px;

	display: inline-block;

	width: 5px;

	height: 12px;

	background-color: #90c044;

	position: relative;

}

.right-arrow:before {

	content: '';

	position: absolute;

	left: 100%;

	width: 0;

	height: 0;

	border: 6px solid;

	border-color:transparent transparent transparent #90c044; 



}

.right-arrow:after {

	content: '';

	position: absolute;

	left: 0%;

	width: 0;

	height: 0;

	border: 6px solid;

	border-color:transparent transparent transparent white; 



}

.left-arrow {

	margin-left: 6px;

	margin-right: 9px;

	display: inline-block;

	width: 5px;

	height: 12px;

	background-color: #90c044;

	position: relative;

}

.left-arrow:before {

	content: '';

	position: absolute;

	right: 100%;

	width: 0;

	height: 0;

	border: 6px solid;

	border-color: transparent #90c044 transparent  transparent ; 

}

.left-arrow:after {

	content: '';

	position: absolute;

	right: 0%;

	width: 0;

	height: 0;

	border: 6px solid;

	border-color:transparent white transparent transparent; 



}







/*...template-share...*/

.template-col { 

	padding-left: 20px;

	padding-bottom: 10px;

	margin-top: 30px;

	border-bottom:1px solid #e1e1e1 }

.template-col span {

	float: left;

	display: inline-block;

}



.temp-img { text-align: center;}

.temp-img img {

	-moz-box-shadow:1px 1px 2px 1px #E8E8E8; 

	-webkit-box-shadow:1px 1px 2px 1px #E8E8E8; 

	box-shadow:1px 1px 2px 1px #E8E8E8;

}

.price { color: #ff9900}

.temp-intro { 

	width: 460px;

	line-height: 1.5em;

	font-size: 14px;

	margin-left: 20px; }

.temp-author {

	text-align: center; 

	margin-left: 40px;}

.temp-author p {display: inline-block;}

.point {

	font-size: 26px;

	color: #ff9900}

.xing { color:#ff9900 }

.temp-edit {

	font-size: 14px;

	margin-top: 140px;

}

.temp-edit a {

	color:#666;

}



/*.....comment.....*/

.comment-col {

	letter-spacing: 0.15em; 

	padding: 15px 0;

	border-bottom: 1px solid #eee;

}

.top-col {border-top: 1px solid #eee;}

.comment-col>span { 

	display: inline-block;

	float: left;

	margin-right: 5px;

}

.comment-inner {

	margin-left: 15px;

	font-size: 14px;

	width: 750px;

}

.comment-inner>span {

	display: block;

	margin-bottom: 3px;

}

.time {

	color: #ccc; 

	float: right;

	font-size: 12px;

}

.commentfield {

	width: 558px;

	height: 150px;

	border: 1px solid #90c044;

}

.respond ul li {

	width: 500px;

	display: block;

	list-style: none;

	padding:10px;

	margin-bottom: 5px;

	background: #eee;

	border: 1px solid #e3e3e3;

}



.respond-edit-closed {

	display: none;

	float: right;

	margin-right: 30px;

}

.respond-edit-open {

	display: block;

	float: right;

	margin-right: 30px;

}

.comment-edit-open {

	visibility: visible;

	float: right;

}

.comment-edit-closed {

	visibility: hidden;

	float: right;

}



.personal {

	padding:5px; 

	font-size:14px; 

	border:1px solid #efeeee; 

	-webkit-border-radius:1px; 

	-moz-border-radius:1px; 

	border-radius:1px; 

}



/*..event..*/

.event-blog {

	margin-top: 10px;

}

.event-blog>span {

	margin-right: 20px;

	font-size: 14px;

	float: left;

	display: inline-block;

}

.event-blog span p {

	margin-bottom: 10px;

}

.active-blog {

	margin-top: 20px;

	font-size: 14px;

}

.active-blog span {

	display: inline-block;

}

.bloglist {

	margin-top: 5px;

}

.bloglist ul li {

	display: block;

	padding:5px 0;

	border-top: 1px solid #eee;

}



/*...album....*/

.savespace span {

	font-size: 14px;

	display: inline-block;

}

.total-space {

	width: 700px;

	height: 7px;

	margin-right: 50px;

	background: #e5e5e5;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius: 5px;

}

.used {

	float: left;

	height: 7px;

	background:#ff9900;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius: 5px;  

}



.upload {

	float: left;

	font-size: 14px;}

.upload-table { 

	width:800px; 

	margin-bottom:0px; 

	padding:0; border:0; 

	border-collapse:separate;  

	color:#999; }

.upload-table a { color:#666; }

.upload-table a:hover, .upload-table span a { color:#90c044; }

.upload-table th, .upload-table td { 

	padding:7px 10px; 

	font-weight:normal; 

	min-height:22px; 

	line-height:22px; 

	text-align:left; 

}

.upload-table thead th, .upload-table thead td { 

	border:1px solid #efeeee; 

	border-left:1px solid #fff; 

	background:#f8f8f8; 

	text-align:left; 

}

.upload-table thead th.first-col, .upload-table thead td.first-col { border-right:0; }

.upload-table thead th.second-col, .upload-table thead td.second-col { border-left:0; }

.upload-table tbody th, .upload-table tbody td { 

	border-bottom:1px solid #efeeee; 

	border-collapse:collapse; 

}

.upload-table th.first-col, .upload-table td.first-col { border-left:1px solid #efeeee; }

.upload-table th.last-col, .upload-table td.last-col { border-right:1px solid #efeeee;text-align: right; }



.upload-choose { 

	font-size: 14px;

	margin: 20px 0;}

.upfile { 

	margin-left: 50px;

	color: white;

	padding: 4px 20px;

	border: 1px solid #aaa;

	background: #90c044;

	-webkit-border-radius:7px;

	-moz-border-radius:7px;

	border-radius:7px; 

}

.caution ul li {

	color: #999;

	margin-top: 5px;

}

.filename {

	margin-top:20px; 

	margin-left:30px;

	float: left;

}

.filename span {

	text-align: center;

	margin: 0 auto;

	display: block;

}

.filename img {

	padding: 5px;

	border: 1px solid #ccc;

}



.file-col {

	margin-right: 40px;

	float: left;

	margin-bottom: 30px;}

.file-col span {

	text-align: center;

	display: block;

}

.file-col img {

	padding: 5px;

	border: 1px solid #ccc;

}



/*....friend....*/

.type-blog {

	margin-bottom: 20px;

	padding-bottom:20px;

	border-bottom: 1px solid #ccc;

	font-size: 14px;

}

.type-share {

	margin-bottom: 20px;

	padding-bottom:20px;

	border-bottom: 1px solid #ccc;

	font-size: 14px;

}

.type-blog span {

	display: block;

	line-height: 2em;

}

.type-blog>span {

	margin-left: 35px;

}

.type-share>span {

	margin-left: 35px;

}

.type-blog {background: url(../images/ui_friends_ico1.png) no-repeat left top;}

.type-share {background: url(../images/ui_friends_ico2.png) no-repeat left top;}

.pagebrowse { 

	font-size: 14px;

	float: right;}





.final-col {

	border-bottom: 0px;

}



.friend-all { 

	border-top: 1px solid #ccc;

	margin-top: 20px;

	margin-bottom: 25px;

	padding: 20px 0;

}

.friend-card {

	float: left;

	margin-right: 5px;

	margin-bottom: 10px;

	padding: 5px;

	width: 300px;

}

.friend-card:hover { background: #eee; }

.friend-card img {

	background: white;

	display: block;

	float: left;

	padding: 5px;

	border: 1px solid #ccc;

}

.friend-card span {

	display: block;

	margin-top: 5px;

	margin-bottom: 8px;

}

.friend-info {

	margin-left: 20px;

	float: left;

}

.friend-search {

	border-top: 1px solid #ccc;

	margin-top: 10px;

	margin-bottom: 25px;

	padding: 10px 0;

}



/*....dashborad...*/

.personal-tx {

	float: left;

	margin-right: 40px;}

.personal-tx span {

	text-align: center;

	margin-bottom: 10px;

	display: block;

}

.mid-textfield {

	font-style: italic;

	color:#bbb;

	padding:5px; 

	font-size:14px; 

	border:1px solid #efeeee; 

	-webkit-border-radius:1px; 

	-moz-border-radius:1px; 

	border-radius:1px;

	width: 120px; 

}

.mid-textfield:focus { border-color:#90c044; }

.short-textfield {

	padding:5px; 

	font-size:14px; 

	border:1px solid #efeeee; 

	-webkit-border-radius:1px; 

	-moz-border-radius:1px; 

	border-radius:1px;

	width: 60px;

}

.personal-info {

	margin-top: 20px;

}



.passport-outter {

	width: 450px;

	height: 250px;

	background: #ddd;

	padding-top: 4px;

	margin: 20px auto;

	-webkit-border-radius:15px; 

	-moz-border-radius:15px; 

	border-radius:15px;

	-webkit-box-shadow: 0 0 6px 2px #e3e3e3;

	-moz-box-shadow: 0 0 6px 2px #e3e3e3;

	box-shadow: 0 0 6px 2px #e3e3e3;

}

.passport-inner {

	width: 440px;

	height: 244px;

	background: #fff;

	margin:auto;

	-webkit-border-radius:5px; 

	-moz-border-radius:5px; 

	border-radius:5px;

}

.inner-info {

	width: 400px;

	height: 170px;

	padding-top: 20px;

	margin:0 auto;

	padding-left:10px;

}

.pass-tx{

	float: left;

	text-align: center;

	display: block;

}

.pass-tx img {

	padding: 0;

	border: 0px solid #ccc;

}

.pass-info {

	margin-left: 20px;

	float: left;

}

.pass-info>span { 

	margin-bottom: 15px;

	display: block;

}

.pass-info>span>span {

	display: inline-block;

	width: 70px;

}



.type-message {

	color: #999;

	padding-top:5px;

	padding-bottom:5px;

	border-bottom: 1px solid #ccc;

	font-size: 14px;

}

.type-message>span {

	display: block;

	line-height: 2em;

}

.message-content {

	margin: 0 auto; 

	width:900px;

}

.message-col {

	letter-spacing: 0.15em; 

	padding: 15px 0;

	border-bottom: 1px solid #eee;

}

.message-col>span { 

	display: inline-block;

	float: left;

	margin-right: 5px;

}

.message-inner {

	color: #999;

	margin-left: 15px;

	font-size: 14px;

	width: 750px;

}

.message-inner>span {

	display: block;

	margin-bottom: 3px;

}

.manual-button {

	border:0;

	font-size: 14px;

	color:#90c044;

}







/*common*/

#pub_main {

	margin-top: 15px;

	padding-left: 1px;

}

/*.copyright

{

	width:600px;

	margin:40px auto 0;

	font-size:14px;

}*/

.copyright a {

	color:#90c044

}

#flashMessage

{

  position: absolute;z-index: 2;left: 553px;top: 265px;opacity: 1;width: 230px;height: 120px;display:block

}

.msg_success {background:#fff url('../images/msg_success.png') no-repeat;}

.msg_fail {background:#fff url('../images/msg_fail.png') no-repeat;}

#flashMessage .message

{

width: 220px;height:48px;line-height:24px;text-align:center;opacity: 1;display:block;position: relative;margin-top:60px;color:#fff;font-size:14px;overflow:hidden;

}





=======
@charset "utf-8";



/*..全局属性..*/

* { 

	margin:0; 

	padding:0;

}

img {border:0}

h2 {font-weight:lighter;font-size:14px;}

body, input,  select, textarea {

	font-size:12px;

	font-family:'\5fae\8f6f\96c5\9ed1',arial,sans-serif; 

	color:#666; 

	background:#fff; 

	text-rendering:optimizelegibility; 

	-webkit-font-smoothing:antialiased; 

}

.button_submit {

	background:url(../images/post_sumiting.gif) no-repeat;

	border:0px solid rgb(144, 192, 68);

	padding:5px 10px 5px 25px;

	color:#fff;

	margin:5px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.button {

        background:rgb(144, 192, 68);

        border:0px solid rgb(144, 192, 68);

        padding:5px 10px;

        color:#fff;

        margin:5px;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        border-radius: 3px;

}

.buttonspan input {

	background:rgb(144, 192, 68);

	border:0px solid rgb(144, 192, 68);

	padding:5px 10px;

	color:#fff;

	margin:5px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.buttoncenter

{

	text-align:center;

}

ul {list-style-type:none}

ul li {list-style-type:none}



a { 

	color:#90c044; 

	text-decoration:none; 

}

h3 {

	font-size: 15px;

	font-weight: lighter; 

	color:#90c044; }

h4 { 

	font-weight: lighter;

	color: #999;

	line-height: 2em;}

h5 {

	font-size: 13px;

	font-weight: lighter;

}

/*常用*/

.m5 {margin:5px;}

.cb {clear:both;}

.fl {float:left;}



::-moz-selection { 

	background:orange; color:#fff; 

	text-shadow:none; 

}

::selection { 

	background:orange; 

	color:#fff; 

	text-shadow:none; 

}

:focus { outline:0; }

.pie { behavior:url(../other/../other/pie.htc); z-index:999;position:relative} /*..ie兼容css3*/



.normal-button { 

	margin:0 auto; 

	padding:6px 12px 6px 15px; 

	border:0; background:#90c044; 

	color:#fff; font-size:14px; 

	letter-spacing:3px; 

	cursor:pointer; 

	-webkit-border-radius:5px; 

	-moz-border-radius:5px; 

	border-radius:5px; 

}



input[type="text"]

{

	padding:5px; 

	border:1px solid #efeeee; 

	-webkit-border-radius:1px; 

	-moz-border-radius:1px; 

	border-radius:1px; 

}



.textfield, textarea { 

	padding:5px; 

	font-size:14px; 

	border:1px solid #efeeee; 

	-webkit-border-radius:1px; 

	-moz-border-radius:1px; 

	border-radius:1px; 

}

.textfield:focus, textarea:focus { border-color:#dedede; }

textarea { 

	resize:vertical; 

	overflow:auto; 

}

.option-button { 

	border:1px solid #efeeee;

	-webkit-border-radius:5px; 

	-moz-border-radius:5px; 

	border-radius:5px; 

}

.checkbox { 

	border:1px solid #efeeee;

	margin-right:5px;  }

.clearfix { 

	clear:both; 

	height:0; 

	font-size:0; 

	line-height:0; 

	overflow:hidden; 

	zoom:1; }





/*...内容控制...*/

#innerContainer

{ 

	margin:0 auto; 

	width:960px; 

	overflow: hidden;

}

.container { 

	margin:0 auto; 

	width:960px; 

	overflow: hidden;

}

.content { 

	margin:0 40px;

	font-size:14px;

}



/*...头部主导航...*/

.header { 

	position:relative; 

	height:114px; 

}

.header-inner {

	margin:0 auto;  

	width:900px; 

	padding:0 20px 0 40px; }

.user-info { 

	float: left;

	position:relative; 

	margin-top:12px; 

	padding-left:100px; 

	width:140px; 

	height:90px; 

}

.user-info h2 { 

	margin:24px 0 6px; 

	font-size:14px; 

	font-weight:normal; 

	color:#90c044; 

}

.user-info p { line-height:1.45; }

.user-avatar { 

	position:absolute; 

	left:2px; 

	top:5px; 

}

.user-avatar span { 

	display:block; 

	width:72px; 

	height:72px; 

	padding:4px; 

	border:1px solid #f8f8f8; 

	background:#fff; 

	-webkit-border-radius:500px; 

	-moz-border-radius:500px; 

	border-radius:500px; 

	-webkit-box-shadow:#ccc 0 2px 3px; 

	-moz-box-shadow:#ccc 0 2px 3px; 

	box-shadow:#ccc 0 2px 3px; 

}

.user-avatar a, .user-avatar a img { 

	display:block; 

	width:72px; 

	height:72px; 

	overflow:hidden; 

	-webkit-border-radius:500px; 

	-moz-border-radius:500px; 

	border-radius:500px; 

}



/*...主导航栏按钮...*/

.utilities {

	float: right;

	width:650px; }

.utilities ul { 

	margin:30px 0 0 0; 

	padding:0; 

	list-style:none; 

}

.utilities ul li { 

	float: left; 

	width:76px; 

	height:84px; 

	text-align:center;

	position: relative; 

}

.utilities ul li a { 

	color:#666; 

	font-size:14px; 

}



#msgcount a

{

	color:#fff; 

	font-size:14px;

}



.utilities ul li a .icon { 

	position:relative; 

	display:block; 

	margin:0 auto 10px; 

	width:40px; height:40px; 

	background:#bbbaba url(../../images/ui_utility_menus.png) no-repeat 0 0; 

	-webkit-border-radius:500px; 

	-moz-border-radius:500px; 

	border-radius:500px;

	cursor:pointer; 

}

.utilities ul li a .icon .indicator { 

	position:absolute; 

	top:-5px; 

	left:26px; 

	padding:0 4px; 

	height:14px;

	line-height:14px; 

	background:#f90; 

	border:2px solid #fff; 

	font-family:helvetica,

	arial,sans-serif; 

	font-size:12px; 

	color:#fff; 

	-webkit-border-radius:300px; 

	-moz-border-radius:300px; 

	border-radius:300px; 

	-webkit-box-shadow:#ccc 0 2px 3px; 

	-moz-box-shadow:#ccc 0 2px 3px; 

	box-shadow:#ccc 0 2px 3px;

	display:none; 

}

.utilities ul li.vip a .icon { background-color:#f90; }

.utilities ul li.dashboard a .icon { background-position:0 0; }

.utilities ul li.new-entry a .icon { background-position:-40px 0; }

.utilities ul li.blog-list a .icon { background-position:-80px 0; }

.utilities ul li.album-list a .icon { background-position:-120px 0; }

.utilities ul li.friend-list a .icon { background-position:-160px 0; }

.utilities ul li.events a .icon { background-position:-200px 0; }

.utilities ul li.vip a .icon { background-position:-240px 0; }

.utilities ul li.home a .icon { background-position:-280px 0; }



/*...子导航条...*/

.nav { 

	width: 100%;

	z-index: 1;

	height:40px; 

	overflow:hidden; 

	background:#90c044;

	margin-bottom:20px;

}

.nav ul { 

	margin:0 0 0 60px; 

	padding:0; 

	list-style:none; 

}

.nav ul li { 

	float:left; 

	padding:4px 3px 0; 

	height:40px; 

	line-height:40px; 

	font-size:14px; 

	overflow:hidden; 

}

.nav ul li a { 

	display:block; 

	float:left; 

	height:36px; 

	padding:0 15px; 

	line-height:32px; 

	color:#fff; 

}



/*...页脚...*/

/*.footer { margin:0 auto 20px; color:#ccc; text-align:center; }

.footer a { color:#ccc; }

*/



.footer { margin:30px auto 0;  text-align:center; color:#999; clear:both;line-height:24px;padding-bottom:0px}

.footer a {color:#90c044}



/*...帮助...*/

.page-help { 

	position:fixed; 

	right: -194px;

	top:280px; 

	width:194px; 

	padding:5px 0 5px 16px; 

	border:1px solid #98da2f; 

	border-right:0; 

	background:#90c044; 

	-webkit-border-radius:6px 0 0 6px; 

	-moz-border-radius:6px 0 0 6px; 

	border-radius:6px 0 0 6px; 

	-webkit-box-shadow:#ccc 0 2px 3px; 

	-moz-box-shadow:#ccc 0 2px 3px; 

	box-shadow:#ccc 0 2px 3px; 

	-moz-transition:right 0.5s linear 0.2s;

	-webkit-transition:right 0.5s linear 0.2s;

	transition:right 0.5s linear 0.2s;

	_border:0;

	_position:absolute;

	_background:#fff;

	_box-shadow:0;

	_padding:0;

	_border-radius:0px;

        _right:0;

        _bottom:auto;

        _top:expression(eval(document.documentElement.scrollTop+200));

}

.page-help:hover {right: 0;}

.page-help:before { 

	z-index: 1;

	content:'';

	position: absolute;

	width: 0px;

	height: 0px;

	left:2.5%;

	top:40%;

	border-style:solid; 

	border-width:7px;

	border-color: transparent  transparent  transparent white;

}





.help-inner { 

	position:relative; 

	padding:12px 10px; 

	background:#fff; 

	-webkit-border-radius:6px 0 0 6px; 

	-moz-border-radius:6px 0 0 6px; 

	border-radius:6px 0 0 6px;

	_position:absolute;

        _right:0;

        _bottom:auto;

        _top:10;

	_border:3px solid #90c044 ;

	_border-right:0

}

.help-inner ul { 

	list-style:disc; 

	margin:0; 

	padding:0 0 0 20px; 

	font-size:14px; 

	color:#ccc; 

}

.help-inner ul li { margin-bottom:3px; }

.help-inner ul li a { color:#999; }

.help-inner ul li a:hover { color:#90c044; }



/* Fancybox */

.fancybox-skin .fancybox-close { 

	top:14px; 

	right:14px; 

	width:13px; 

	height:13px; 

	background:#7fa93c url(../images/ui_fancy_close.png) no-repeat center center; 

	-webkit-border-radius:300px; 

	-moz-border-radius:300px; 

	border-radius:300px; 

}

.fancybox-skin h3 { 

	margin-bottom:10px; 

	height:32px; 

	line-height:32px; 

	font-size:14px; 

	font-weight:normal; 

	color:#fff; 

	background:#90c044; 

	text-align:center; 

	-webkit-border-radius:3px; 

	-moz-border-radius:3px; 

	border-radius:3px; 

}

.fancybox-skin .form-table { margin-bottom:0; }

.fancybox-skin .normal-button { 

	margin:10px 10px;

	 padding:6px; 

	 border:0; 

	 background:none; 

	 color:#90c044; 

	 font-size:14px; 

	 letter-spacing:0; 

	}

.fancybox-overlay { 

	border-radius:1px; 

	behavior:url(../other/pie.htc); 

}



/* IE6 */

.ie6 .clearfix { 

	clear:both; 

	height:0; 

	font-size:0; 

	line-height:0; 

	overflow:hidden; 

	zoom:1; }

.ie6 .user-avatar span, .ie6 .user-avatar a, .ie6 .user-avatar a img { border-radius:0; }

.ie6 .page-help { position:absolute; }

.ie6 .fancybox-skin { zoom:1; }

.ie6 .page-help { 

	box-shadow:#ccc 0 2px -1px; 

	zoom:1; 

}

/*......................................................................以上为基础css....................................................*/

/*...entries-content/blog_settings/blog_settings_authors...*/



.current-blog { 

	margin-bottom:10px; 

	font-size:14px; 

	color:#999; 

}

.current-blog .switch-blogs { 

	margin-left:5px; 

	font-size:12px; 

}

.current-blog .switch-blogs a { color:#999; }

.current-blog .switch-blogs a:hover { color:#90c044; }

.blog-submenus { 

	position:relative; 

	margin-bottom:15px; 

	font-size:14px; 

	line-height:normal; 

	color:#a3a2a2; 

	zoom:1;

	clear:both;

}

.blog-submenus a { 

	color:#a3a2a2; 

	padding:0 2px; 

}

.blog-submenus a:first-child { padding-left:0; }

.blog-submenus a:hover, .blog-submenus a.actived { color:#90c044; }

.blog-submenus .categories { 

	position:absolute; 

	right:0; 

	top:0; 

}

.blog-submenus .categories a:before { 

	content: '';

	position: absolute;

	left:105%;

	top:7px;

	width: 0;

	height: 0;

	border-width: 6px;

	border-style: solid;

	border-color: #90c044 transparent transparent  transparent;

}

.pub-topline { 

	padding-top:5px; 

	border-top:1px solid #efeeee;

	clear:both;

}

.pub-topline .io-submit {

	margin-left: 30px; 

	font-size: 15px;

}

.io-submit .upload {

	margin-left: 200px;

}



.form-table { 

	margin-bottom:30px; 

	padding:0; 

	border:0; 

	font-size:14px; 

	color:#999; 

}

.form-table th, .form-table td { 

	padding:5px 0; 

	font-weight:normal; 

	min-height:30px; 

	line-height:30px; 

	text-align:left; 

	vertical-align:top; 

}

.form-table th { color:#666; }

.form-table .textfield, .form-table textarea { width:550px; }

.form-table .password { 

	width:260px; 

	margin-right:10px; }

.form-table textarea { height:120px; }



.data-table { 

	width:100%; 

	margin-bottom:30px; 

	padding:0; border:0; 

	border-collapse:separate; 

	font-size:14px; 

	color:#999; }

.data-table a { color:#666; }

.data-table a:hover, .data-table span a { color:#90c044; }

.data-table th, .data-table td { 

	padding:7px 10px; 

	font-weight:normal; 

	min-height:22px; 

	line-height:22px; 

	text-align:center; 

}

.data-table thead th, .data-table thead td { 

	border:1px solid #efeeee; 

	border-left:1px solid #fff; 

	background:#f8f8f8; 

	text-align:center; 

}

.data-table thead th.first-col, .data-table thead td.first-col { border-right:0; }

.data-table thead th.second-col, .data-table thead td.second-col { border-left:0; }

.data-table tbody th, .data-table tbody td { 

	border-bottom:1px solid #efeeee; 

	border-collapse:collapse; 

}



.data-table tfoot a { color:#90c044; }

.data-table tfoot span { margin-right:10px;display: inline-block; }

.data-table tfoot .categories {position: relative;}

.data-table tfoot .categories a:before { 

	content: '';

	position: absolute;

	left: 105%;

	top:6px;

	width: 0;

	height: 0;

	border-width: 6px;

	border-style: solid;

	border-color: #90c044 transparent transparent  transparent; 

}

.data-table th.first-col, .data-table td.first-col { border-left:1px solid #efeeee; }

.data-table th.last-col, .data-table td.last-col { border-right:1px solid #efeeee; }

.data-table th.align-left, .data-table td.align-left { text-align:left; }

.data-table .checkbox { 

	position:relative; 

	bottom:-2px; }



.paginator {clear:both; 

	margin-top: 20px;

	font-size:14px; 

	color:#999; 

	text-align:center; }

.paginator .pages a, .paginator .pages span { 

	display:inline-block; 

	padding:1px 6px; 

	color:#999; 

}

.paginator .pages a:hover { color:#90c044; }

.paginator .pages .current { 

	color:#fff; 

	background:#f90; 

	-webkit-border-radius:3px; 

	-moz-border-radius:3px; 

	border-radius:3px; 

}



/*....................tags..........................*/

.tags tr td span {

	margin-bottom: 20px;

	margin-right: 20px;

	display: inline-block;

}



/*...................................................blog_template.............................................................*/

.template {

	height: 180px;

	}

.template-info {

	font-size: 14px;

	margin-top: 10px;

}

.template-info .user-template, .template-name {float: left;}

.template-name {margin-left:20px}

.user-template span {

	display: block; 

	width:200px; 

	height: 150px; 

	border:1px solid white; 

	-moz-box-shadow:1px 1px 2px 1px #E8E8E8; 

	-webkit-box-shadow:1px 1px 2px 1px #E8E8E8; 

	box-shadow:1px 1px 2px 1px #E8E8E8;

}

.template-name ul li {

	list-style: none; 

	text-align:left;

	margin-bottom: 10px;

}

.template-name ul li.settings {margin-top: 45px;}

.setting-button {

	float: right;

	margin-right: 0; 

	margin-top: 0;

}

.setting-button ul {

	margin: 30px 0 0 0; 

	padding:0; 

	list-style: none;

}

.setting-button ul li {

	float: left; 

	width:150px; 

	height: 96px; 

	text-align: center; 

	margin-left: 10px

}

.setting-button ul li .icon {

	position:relative; 

	display:block; 

	margin:0 auto 10px; 

	width:50px; 

	height:50px; 

	background-color:#90c044; 

	-webkit-border-radius:500px; 

	-moz-border-radius:500px; 

	border-radius:500px;

	cursor:pointer;

}

.setting-button ul li.zidingyi .icon {background-color:#ff9900; }

.zidingyi a {color:#ff9900; }

.zidingyi i a { color:#90c044;}

.zidingyi .icon {background: url('../images/ui_custom_template.png') no-repeat center;}

.xinmoban .icon {background: url('../images/ui_new_template.png') no-repeat center;}



.custom-setting {

	font-size: 14px;

	margin-bottom: 10px;

}

.custom-setting span.cus { float: left; }

.custom-setting span.new {

	margin-right: 20px;

	float: right;

}







.moban-select {

	position: relative; 

	left:-50px;

	top:-18px;

}

.moban-select ul li {

	display: inline-block; 

	padding:10px 15px; 

	font-size: 14px;

	float:left;

}

.moban-select ul li.actived {

	background-color: #ff9900; 

	-moz-border-radius:0 0 5px 5px; 

	-webkit-border-radius:0 0 5px 5px; 

	border-radius:0 0 5px 5px;

	-moz-box-shadow:inset  0 6px 7px -5px grey; 

	-webkit-box-shadow:inset  0 6px 7px -5px grey; 

	box-shadow:inset  0 6px 7px -5px grey;}

.moban-select ul li:first-child.actived {

	background-color: #90c044;

}

.moban-select ul li:last-child.actived {

	background-color: #90c044;

}



.moban-select ul li.second a { color: #ff9900; }

.moban-select ul li.actived a {color: white}



.selection {

	position: relative; 

	top:-3px;

	margin-bottom: 10px;

	clear:both;

}

.selection .selectblock {

	display: inline-block; 

	margin-right: 10px;

	float:left;

}

.selectblock .option, .select-name {float: left}

.select-name {

	margin-right: 5px; 

	color:#90c044;

}

.search {

	position: relative;

	top:-6px;

	border-style:solid; 

	border-width:1px; 

	background-color: #90c044; 

	width:50px; 

	height:22px; 

	font-size:12px; 

	color:#FFFFFF; 

	letter-spacing:0.2em; 

	-moz-border-radius:5px; 

	-webkit-border-radius:5px; 

	border-radius:5px;

}



.template-browse {padding-top: 30px;clear:both}

.sample {

	display: inline-block;

	width:210px;

	height:200px;

	text-align: center;

	padding-bottom:20px;

	float:left;

}

.sample span {margin: 0 auto;}

.sample span img {

	-moz-box-shadow:1px 1px 2px 1px #E8E8E8; 

	-webkit-box-shadow:1px 1px 2px 1px #E8E8E8; 

	box-shadow:1px 1px 2px 1px #E8E8E8;

}

.sample span figcaption {

	color:#B7B7B7; 

	font-size:12px; 

	letter-spacing:0.1em; 

	margin-top:15px

}

.sample .preview {

	color:#ff9900; 

	font-size:12px; 

	letter-spacing:0.1em; 

	margin-top:5px;

}

.sample .preview a {color:#90c044}



/*...........io............*/

.right-arrow {

	margin-right: 15px;

	display: inline-block;

	width: 5px;

	height: 12px;

	background-color: #90c044;

	position: relative;

}

.right-arrow:before {

	content: '';

	position: absolute;

	left: 100%;

	width: 0;

	height: 0;

	border: 6px solid;

	border-color:transparent transparent transparent #90c044; 



}

.right-arrow:after {

	content: '';

	position: absolute;

	left: 0%;

	width: 0;

	height: 0;

	border: 6px solid;

	border-color:transparent transparent transparent white; 



}

.left-arrow {

	margin-left: 6px;

	margin-right: 9px;

	display: inline-block;

	width: 5px;

	height: 12px;

	background-color: #90c044;

	position: relative;

}

.left-arrow:before {

	content: '';

	position: absolute;

	right: 100%;

	width: 0;

	height: 0;

	border: 6px solid;

	border-color: transparent #90c044 transparent  transparent ; 

}

.left-arrow:after {

	content: '';

	position: absolute;

	right: 0%;

	width: 0;

	height: 0;

	border: 6px solid;

	border-color:transparent white transparent transparent; 



}







/*...template-share...*/

.template-col { 

	padding-left: 20px;

	padding-bottom: 10px;

	margin-top: 30px;

	border-bottom:1px solid #e1e1e1 }

.template-col span {

	float: left;

	display: inline-block;

}



.temp-img { text-align: center;}

.temp-img img {

	-moz-box-shadow:1px 1px 2px 1px #E8E8E8; 

	-webkit-box-shadow:1px 1px 2px 1px #E8E8E8; 

	box-shadow:1px 1px 2px 1px #E8E8E8;

}

.price { color: #ff9900}

.temp-intro { 

	width: 460px;

	line-height: 1.5em;

	font-size: 14px;

	margin-left: 20px; }

.temp-author {

	text-align: center; 

	margin-left: 40px;}

.temp-author p {display: inline-block;}

.point {

	font-size: 26px;

	color: #ff9900}

.xing { color:#ff9900 }

.temp-edit {

	font-size: 14px;

	margin-top: 140px;

}

.temp-edit a {

	color:#666;

}



/*.....comment.....*/

.comment-col {

	letter-spacing: 0.15em; 

	padding: 15px 0;

	border-bottom: 1px solid #eee;

}

.top-col {border-top: 1px solid #eee;}

.comment-col>span { 

	display: inline-block;

	float: left;

	margin-right: 5px;

}

.comment-inner {

	margin-left: 15px;

	font-size: 14px;

	width: 750px;

}

.comment-inner>span {

	display: block;

	margin-bottom: 3px;

}

.time {

	color: #ccc; 

	float: right;

	font-size: 12px;

}

.commentfield {

	width: 558px;

	height: 150px;

	border: 1px solid #90c044;

}

.respond ul li {

	width: 500px;

	display: block;

	list-style: none;

	padding:10px;

	margin-bottom: 5px;

	background: #eee;

	border: 1px solid #e3e3e3;

}



.respond-edit-closed {

	display: none;

	float: right;

	margin-right: 30px;

}

.respond-edit-open {

	display: block;

	float: right;

	margin-right: 30px;

}

.comment-edit-open {

	visibility: visible;

	float: right;

}

.comment-edit-closed {

	visibility: hidden;

	float: right;

}



.personal {

	padding:5px; 

	font-size:14px; 

	border:1px solid #efeeee; 

	-webkit-border-radius:1px; 

	-moz-border-radius:1px; 

	border-radius:1px; 

}



/*..event..*/

.event-blog {

	margin-top: 10px;

}

.event-blog>span {

	margin-right: 20px;

	font-size: 14px;

	float: left;

	display: inline-block;

}

.event-blog span p {

	margin-bottom: 10px;

}

.active-blog {

	margin-top: 20px;

	font-size: 14px;

}

.active-blog span {

	display: inline-block;

}

.bloglist {

	margin-top: 5px;

}

.bloglist ul li {

	display: block;

	padding:5px 0;

	border-top: 1px solid #eee;

}



/*...album....*/

.savespace span {

	font-size: 14px;

	display: inline-block;

}

.total-space {

	width: 700px;

	height: 7px;

	margin-right: 50px;

	background: #e5e5e5;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius: 5px;

}

.used {

	float: left;

	height: 7px;

	background:#ff9900;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius: 5px;  

}



.upload {

	float: left;

	font-size: 14px;}

.upload-table { 

	width:800px; 

	margin-bottom:0px; 

	padding:0; border:0; 

	border-collapse:separate;  

	color:#999; }

.upload-table a { color:#666; }

.upload-table a:hover, .upload-table span a { color:#90c044; }

.upload-table th, .upload-table td { 

	padding:7px 10px; 

	font-weight:normal; 

	min-height:22px; 

	line-height:22px; 

	text-align:left; 

}

.upload-table thead th, .upload-table thead td { 

	border:1px solid #efeeee; 

	border-left:1px solid #fff; 

	background:#f8f8f8; 

	text-align:left; 

}

.upload-table thead th.first-col, .upload-table thead td.first-col { border-right:0; }

.upload-table thead th.second-col, .upload-table thead td.second-col { border-left:0; }

.upload-table tbody th, .upload-table tbody td { 

	border-bottom:1px solid #efeeee; 

	border-collapse:collapse; 

}

.upload-table th.first-col, .upload-table td.first-col { border-left:1px solid #efeeee; }

.upload-table th.last-col, .upload-table td.last-col { border-right:1px solid #efeeee;text-align: right; }



.upload-choose { 

	font-size: 14px;

	margin: 20px 0;}

.upfile { 

	margin-left: 50px;

	color: white;

	padding: 4px 20px;

	border: 1px solid #aaa;

	background: #90c044;

	-webkit-border-radius:7px;

	-moz-border-radius:7px;

	border-radius:7px; 

}

.caution ul li {

	color: #999;

	margin-top: 5px;

}

.filename {

	margin-top:20px; 

	margin-left:30px;

	float: left;

}

.filename span {

	text-align: center;

	margin: 0 auto;

	display: block;

}

.filename img {

	padding: 5px;

	border: 1px solid #ccc;

}



.file-col {

	margin-right: 40px;

	float: left;

	margin-bottom: 30px;}

.file-col span {

	text-align: center;

	display: block;

}

.file-col img {

	padding: 5px;

	border: 1px solid #ccc;

}



/*....friend....*/

.type-blog {

	margin-bottom: 20px;

	padding-bottom:20px;

	border-bottom: 1px solid #ccc;

	font-size: 14px;

}

.type-share {

	margin-bottom: 20px;

	padding-bottom:20px;

	border-bottom: 1px solid #ccc;

	font-size: 14px;

}

.type-blog span {

	display: block;

	line-height: 2em;

}

.type-blog>span {

	margin-left: 35px;

}

.type-share>span {

	margin-left: 35px;

}

.type-blog {background: url(../images/ui_friends_ico1.png) no-repeat left top;}

.type-share {background: url(../images/ui_friends_ico2.png) no-repeat left top;}

.pagebrowse { 

	font-size: 14px;

	float: right;}





.final-col {

	border-bottom: 0px;

}



.friend-all { 

	border-top: 1px solid #ccc;

	margin-top: 20px;

	margin-bottom: 25px;

	padding: 20px 0;

}

.friend-card {

	float: left;

	margin-right: 5px;

	margin-bottom: 10px;

	padding: 5px;

	width: 300px;

}

.friend-card:hover { background: #eee; }

.friend-card img {

	background: white;

	display: block;

	float: left;

	padding: 5px;

	border: 1px solid #ccc;

}

.friend-card span {

	display: block;

	margin-top: 5px;

	margin-bottom: 8px;

}

.friend-info {

	margin-left: 20px;

	float: left;

}

.friend-search {

	border-top: 1px solid #ccc;

	margin-top: 10px;

	margin-bottom: 25px;

	padding: 10px 0;

}



/*....dashborad...*/

.personal-tx {

	float: left;

	margin-right: 40px;}

.personal-tx span {

	text-align: center;

	margin-bottom: 10px;

	display: block;

}

.mid-textfield {

	font-style: italic;

	color:#bbb;

	padding:5px; 

	font-size:14px; 

	border:1px solid #efeeee; 

	-webkit-border-radius:1px; 

	-moz-border-radius:1px; 

	border-radius:1px;

	width: 120px; 

}

.mid-textfield:focus { border-color:#90c044; }

.short-textfield {

	padding:5px; 

	font-size:14px; 

	border:1px solid #efeeee; 

	-webkit-border-radius:1px; 

	-moz-border-radius:1px; 

	border-radius:1px;

	width: 60px;

}

.personal-info {

	margin-top: 20px;

}



.passport-outter {

	width: 450px;

	height: 250px;

	background: #ddd;

	padding-top: 4px;

	margin: 20px auto;

	-webkit-border-radius:15px; 

	-moz-border-radius:15px; 

	border-radius:15px;

	-webkit-box-shadow: 0 0 6px 2px #e3e3e3;

	-moz-box-shadow: 0 0 6px 2px #e3e3e3;

	box-shadow: 0 0 6px 2px #e3e3e3;

}

.passport-inner {

	width: 440px;

	height: 244px;

	background: #fff;

	margin:auto;

	-webkit-border-radius:5px; 

	-moz-border-radius:5px; 

	border-radius:5px;

}

.inner-info {

	width: 400px;

	height: 170px;

	padding-top: 20px;

	margin:0 auto;

	padding-left:10px;

}

.pass-tx{

	float: left;

	text-align: center;

	display: block;

}

.pass-tx img {

	padding: 0;

	border: 0px solid #ccc;

}

.pass-info {

	margin-left: 20px;

	float: left;

}

.pass-info>span { 

	margin-bottom: 15px;

	display: block;

}

.pass-info>span>span {

	display: inline-block;

	width: 70px;

}



.type-message {

	color: #999;

	padding-top:5px;

	padding-bottom:5px;

	border-bottom: 1px solid #ccc;

	font-size: 14px;

}

.type-message>span {

	display: block;

	line-height: 2em;

}

.message-content {

	margin: 0 auto; 

	width:900px;

}

.message-col {

	letter-spacing: 0.15em; 

	padding: 15px 0;

	border-bottom: 1px solid #eee;

}

.message-col>span { 

	display: inline-block;

	float: left;

	margin-right: 5px;

}

.message-inner {

	color: #999;

	margin-left: 15px;

	font-size: 14px;

	width: 750px;

}

.message-inner>span {

	display: block;

	margin-bottom: 3px;

}

.manual-button {

	border:0;

	font-size: 14px;

	color:#90c044;

}







/*common*/

#pub_main {

	margin-top: 15px;

	padding-left: 1px;

}

/*.copyright

{

	width:600px;

	margin:40px auto 0;

	font-size:14px;

}*/

.copyright a {

	color:#90c044

}

#flashMessage

{

  position: absolute;z-index: 2;left: 553px;top: 265px;opacity: 1;width: 230px;height: 120px;display:block

}

.msg_success {background:#fff url('../images/msg_success.png') no-repeat;}

.msg_fail {background:#fff url('../images/msg_fail.png') no-repeat;}

#flashMessage .message

{

width: 220px;height:48px;line-height:24px;text-align:center;opacity: 1;display:block;position: relative;margin-top:60px;color:#fff;font-size:14px;overflow:hidden;

}





>>>>>>> yulong
